.sidebar-container {
  position: relative;
  min-height: 100vh;
  box-shadow: 2px 0 8px 0 rgba(29, 35, 41, .05);

  .el-menu {
    height: calc(100vh - 50px);
    border-right: 0 solid #dcdfe6;
    overflow-y: auto;
    &::-webkit-scrollbar {
      display: none;
    }
  }

  .el-menu--inline {
    height: 100%;
  }

  .el-menu-item {
    height: 40px;
    line-height: 40px;
    font-family: 'PingFang Bold', sans-serif;
    font-weight: 600;
    font-size: 15px;
    margin: 0 0;
  }
  .el-sub-menu__title {
    height: 40px;
    line-height: 40px;
    font-family: 'PingFang Bold', sans-serif;
    font-weight: 600;
    font-size: 15px;
    margin: 4px 0;
  }

  .el-menu-item:hover {
    color: var(--el-color-primary);
  }

  .el-sub-menu__title:hover {
    color: var(--el-color-primary) !important;
  }

  .el-sub-menu .el-menu-item {
    height: 40px;
    line-height: 40px;
  }

  .el-menu-item.is-active {
    background-color: var(--el-color-primary-light-9) !important;
    border-right: 3px solid var(--el-color-primary) !important;
    color: var(--el-color-primary) !important;
  }

  .el-sub-menu .is-active {
    background-color: var(--el-color-primary-light-9) !important;
    border-right: 3px solid var(--el-color-primary) !important;
    color: var(--el-color-primary) !important;
  }

  .el-sub-menu.is-active > .el-sub-menu__title {
    color: var(--el-color-primary) !important;
  }
}

.el-popper.is-light .el-menu .el-menu-item {
  height: 40px !important;
  line-height: 40px !important;
}

.el-popper.is-light .el-menu .el-menu-item.is-active {
  background-color: var(--el-color-primary-light-9) !important;
  border-right: 3px solid var(--el-color-primary) !important;
}

.sidebar-logo-container {
  width: 100%;
  height: 50px;
  line-height: 50px;
  background: var(--el-color-primary);
  display: flex;
  justify-content: center;
  overflow: hidden;

  .sidebar-logo-link {
    display: flex;
    align-items: center;
    justify-content: center;

    .sidebar-logo {
      width: 32px;
      height: 32px;
    }

    .sidebar-title {
      margin: auto;
      color: var(--el-color-white);
      font-size: 20px;
      vertical-align: sub;
      font-weight: 600;
      font-family: 'PingFang Heavy', sans-serif;
    }
  }

}

